/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}
.slick-list{position:relative;z-index:1;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display: block;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
/*.banner{width:100%; height:100%; position:relative; z-index:1;}*/
.banner .slideshow{position: relative; z-index: 1; width: 100%; height: 100%;}
.banner .slideshow *{outline:none;}
.banner .slideshow .slider-track{-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
/*.banner .slideshow .item img{width: 100%; display: block; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2);}
.banner .slideshow .item.slick-active img{-webkit-transform: scale(1);transform: scale(1);}*/
.banner .slideshow .slick-slide .pimg{height:calc(100vw * 830 / 1920); width:100vw; display: block; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position:relative; z-index:1;}
.banner .slideshow .slick-slide .pimg:nth-child(2){position:absolute; z-index:19; left:0; top:0;}
.banner .slideshow .slick-active .pimg1{visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}
.banner .slideshow .slick-active .binbox{visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}
@-webkit-keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translateX(300px); transform: translateX(300px)}100%{opacity: 1; -webkit-transform: translateX(0);transform: translateX(0)}}
@keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translateX(300px); transform: translateX(300px)}100%{opacity: 1;-webkit-transform: translateX(0); transform: translateX(0)}}
.banner .slideshow .slick-active .bot {-moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
/*.banner .slick-active .p1{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInUp 1.2s 1; animation: fadeInUp 1.2s 1;}
.banner .slick-active .p2{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInUp 1.2s 1; animation: fadeInUp 1.2s 1;}*/
.banner .banText{
    width: 1170px; 
    position: absolute; 
    left: 50%; 
    top: 0; 
    z-index: 100; 
    transform: translate(-50%,0);
}

.banner .banText .h2{
    text-transform:uppercase;
    line-height:3.75vw;
    font-size:2.7vw;
    font-family:arial;
    font-weight:bold;
    margin: 0;
    color:#000;
}

.banner .banText .pn{
    margin-top: 0.052vw;
    line-height:1.875vw;
    font-weight:bold;
    font-size:1.35vw;
    color:#000;
}
.banner .banText .bannerSecText {
    margin-top: 1.146vw;
    line-height:1.396vw;
    font-size:0.979vw;
    color:#000;
}
.banner .banText .bannerBlueText {
    margin-bottom: 1.354vw;
    line-height:1.354vw;
    font-size:0.83vw;
    color:#0145b9;
}
.banner .banText .bannerBlueText span {
    text-decoration:underline;
    margin-right: 0.729vw;
}
.banner .banText .bannerMore {
    text-align:center;
    background:#000;
    line-height:1.6875vw;
    font-size:0.6875vw;
    width:5.167vw;
    border:none;
    color:#fff;
}
.banner .banText .h2,.banner .banText .pn,.banner .banText .bannerSecText,.banner .banText .bannerMore,.banner .banText .bannerBlueText{
    opacity: 0;
    transform: translateY(-100%);
    transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;}
.banner .banText .pn,.banner .banText .bannerSecText,.banner .banText .bannerMore,.banner .banText .bannerBlueText{
    transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
    -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
    -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;}
.banner .slick-active .h2,.banner .slick-active .pn,.banner .slick-active .banText .bannerSecText,.banner .slick-active .banText .bannerMore,.banner .slick-active .banText .bannerBlueText{opacity: 1; transform: translateY(0);}
.banner .slick-dots{position: absolute; left: 50%; bottom: 40px; z-index: 10; transform:translateX(-50%); /*margin-left:-585px;*/}
.banner .slick-dots li{width: 12px; height: 12px; font-size: 0; cursor: pointer; background-color: #fff; display: inline-block;_display: inline;zoom: 1; margin: 0 10px 0 0; border: none; border-radius:50%;}
.banner .slick-dots li button{display: block; width: 12px; height: 12px; background: none; border: none; border-radius:50%; position:relative;}
.banner .slick-dots li.slick-active {background:none;}
/*.banner .slick-dots li.slick-active button{-webkit-animation: buttonUp 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: buttonUp 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}*/
@-webkit-keyframes buttonUp { from { width: 0; }to { width: 100%; } }
@keyframes buttonUp { from { width: 0; }to { width: 100%; } }
.banner .slick-arrow{width: 31px; height: 60px; position: absolute; top: 50%; margin-top: -30px; z-index: 10; font-size: 0; border: none; outline: none; cursor: pointer; transition: all 0.5s ease;}
.banner .slick-prev{left: -100%; background: url("../images/slick-prev.png")/*tpa=https://www.fshsl.com/assets/themes/images/slick-prev.png*/ no-repeat;}
.banner:hover .slick-prev{left: 2.5%;}
.banner .slick-next{right: -100%; background: url("../images/slick-next.png")/*tpa=https://www.fshsl.com/assets/themes/images/slick-next.png*/ no-repeat;}
.banner:hover .slick-next{right: 2.5%;}
.banner .mimg{display: none;}

.banner .banner_dark .banText .h2, .banner .banner_dark .banText .pn, .banner .banner_dark .banText .bannerSecText {
    color:#fff;
}

.banner .banner_dark .banText .bannerMore {
    background:#fff;
    color:#000;
}

.banner .banner_center .banText {
    top:5.875vw;
}

.banner .banner_center .banText .layout {
    text-align:center;
}

.banner .banner_center .banText .bannerMore {
    margin: 2.08vw auto 0;
}

.banner .banner_right .banText, .banner .banner_left .banText {
    top:10.83vw;
}

.banner .banner_right .banText .layout {
    margin-left:8.854vw;
    position:relative;
    text-align:left;
    left:50%;
}

.banner .banner_left .banText .layout {
    margin-left:-32.292vw;
    position:relative;
    text-align:left;
    left:50%;
}

.banner .banner_right .banText .bannerMore, .banner .banner_left .banText .bannerMore {
    margin: 2.08vw 0 0 0;
}

/*中等屏幕pc*/
@media screen and (max-width: 1600px){
    .loaderText .log img{max-width: 300px;}
    .loaderText .h2{font-size: 50px;}
    .loaderText .h3{font-size: 20px;}
    .banner .banText .h2{font-size:2.7vw;}
    .banner .banText .pn{font-size:1.35vw;}
    .index-service ul li .tags span{font-size: 14px;}
    .index-about .h2{font-size: 70px;}
    .index-boss .tmain{width: 65%;}
    .index-news ul li .tmain{padding: 30px 40px;}
    .sansinos-demand .dmain .h2{font-size: 24px;}
    .sansinos-demand .dmain .h4{font-size: 20px;}
    .min-form{padding: 30px 20px; width: 400px;}
    .min-form .tit b{font-size: 24px;}
    .min-form .tit{font-size: 12px; margin-bottom: 5px;}
    .min-form .labelbox label{font-size: 14px;}
    .about-team-cover{background-position: center bottom;}
    .history-list .line{background-position: right 24px;}
    .history-list ul li.item1{margin-top: 370px;}
    .history-list ul li.item3{margin-top: 277px;}
    .history-list ul li.item5{margin-top: 170px;}

}
/*中等屏幕pc*/
@media screen and (min-width: 1200px) and (max-width: 1519px){
    .banner .slick-dots li{width: 12px;}
}
/*小屏幕pc*/
@media screen and (min-width: 768px) and (max-width: 1199px){
    .banner .slick-arrow{display: none; visibility: hidden;}
    .banner .slick-dots{left: 50%; bottom: 20px; text-align: center;}
    .banner .slick-dots li{width: 12px; height: 12px;}
    .banner .banText .h2{font-size:2.7vw;}
    .banner .banText .pn{font-size:1.35vw;}
}
/*移动端*/
@media screen and (min-width: 320px) and (max-width: 767px){
    .banner .slick-arrow{display: none; visibility: hidden;}
    .banner .slick-dots{left: 50%; bottom: 10px; text-align: center;}
    .banner .slick-dots li{width: 12px; height: 12px; border-radius: 100%; overflow: hidden;}
    .banner .banText .h2{font-size:2.7vw;}
    .banner .banText .pn{font-size:1.35vw;}
    .banner .pimg{display: none !important;}
    .banner .mimg{display: block;}
}


@media screen and (min-width: 1600px){
    .banner .banText {
        width: 60.94vw;
        _margin-top: -6.458vw;
    }

    .banner .slick-dots {
        /*width: 60.94vw;*/
        bottom: 2.08vw;
        /*margin-left: -30.47vw;*/
    }

    /*.banner .slick-dots li {
        width: 4.69vw;
        height: 0.208vw;
        margin: 0 0.521vw 0 0;
    }*/
}

.slick-active svg {
    /*position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;*/
    width: 100%;
    height: 100%;
    transform: rotate(-90deg) translateZ(0);
}
.slick-active .background-circle, .swiper-pagination-bullet-progress-circle{position:absolute;top:0;left:0;width:12px;height:12px;stroke:rgba(0,0,0,0.25);stroke-width: 2;stroke-dasharray:32px; z-index:1;}
.swiper-pagination-bullet-progress-circle{stroke-dashoffset:32px;z-index:19;}
.slick-active .swiper-pagination-bullet-progress-circle{
    -webkit-animation: circleProcess 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: circleProcess 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
@-webkit-keyframes circleProcess { from { stroke-dashoffset:32px;stroke:#013b99; }to { stroke-dashoffset: 0;stroke:#013b99; } }
@keyframes circleProcess { from { stroke-dashoffset:32px;stroke:#013b99; }to { stroke-dashoffset: 0;stroke:#013b99; } }